import React, { Component } from 'react'
// import styles from './index.module.css'
import { PickerView } from 'antd-mobile'
import FilterFooter from '../../../../components/FilterFooter'

export default class FilterPicker extends Component {
  ClleChange = (val) => {
    // 必须用箭头函数应为this会变
    this.props.callback(val)
  }
  render() {
    const { onSavef,onCancel,itemss,coose,filterData } = this.props
    return (
      <>
        {/* 选择器组件： */}
          <PickerView   data={itemss} value={filterData} onChange={this.ClleChange} cols={coose}/>
          {/* 底部按钮 */}
          <FilterFooter onOk={onSavef}  onCancel={onCancel}/>
      </>
    )
  }
}
